<template>
  <div class="wrapper">
    <h1>创作/发布</h1>
  </div>
</template>

<style scoped lang="scss">
@import 'style/config';
@import 'style/shortcut';

.wrapper {
  height: $th;
  @include flex();

  h1 {
    height: $tih;
    padding: 0 20px;

    line-height: $tih;
    font-size: $tih * 0.5;
    text-align: center;
    color: white;
    white-space: nowrap;

    border-radius: 0.5 * $tih;
    background-color: $blue;
    transition: 0.3s;

    &:hover {
      cursor: pointer;
      background-color: $darkBlue;
    }
  }
}
</style>
